<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>机票预订</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
	</head>

	<body>
		<div class="web">

			<!--头部-->
			<header class="Clearfix">
				<div class="row headerbox">
					<div class="">
						<ul class="col-md-7 col-md-offset-5 col-sm-7 col-sm-offset-5 col-xs-12 Clearfix">
							<li class="col-xs-3">
								<a href="index.html">首页</a>
							</li>
							<li class="col-xs-3">
								<a href="tour-info.html"><span class="hidden-xs">旅游</span>资讯</a>
							</li>
							<li class="active col-xs-3">
								<a href="ticket-order.html">机票<span class="hidden-xs">订购</span></a>
							</li>
							<li class="col-xs-3">
								<a href="scenery.html">风景<span class="hidden-xs">欣赏</span></a>
							</li>
							<li class="col-xs-3">
								<a href="About.html">关于<span class="hidden-xs">公司</span></a>
							</li>
						</ul>
					</div>
				</div>
			</header>

			<div class="infoBox">

				<!--轮播-->
				<div class="carou col-xs-12 carou2">
					<img class="img-responsive" src="img/headline.jpg" />
					<div class="carou-info">
						<h2>票务订购</h2>
						<h3>各种飞机票、火车票、汽车票和轮渡票的订购服务</h3>
					</div>
				</div>

				<div class="sec-box">
					<section>

						<div class="row clear-margin ticket-box">

							<!--左边-->
							<div class="col-lg-9 col-md-12 col-xs-12 info-left">
								<form action="###">
									<h2 class="big-h2">机票预定</h2>

									<div class="ticket-type col-xs-12 clear-padding">
										<p>航程类型 <mark>单程</mark> <span>往返</span></p>
									</div>

									<div class="form-input form-left col-lg-5 col-md-5 col-sm-12 col-xs-12 clear-padding">
										<p>
											<label for="from_city">出发城市</label>
											<input class="form-control" type="text" name="from_city" id="from_city" placeholder="城市名">
										</p>
										<p>
											<label for="to_city">返回城市</label>
											<input class="form-control" type="text" name="to_city" id="to_city" placeholder="城市名">
										</p>
									</div>

									<div class="form-input form-right col-lg-5 col-md-5 col-sm-12 col-xs-12 clear-padding">
										<p>
											<label for="from_date">出发时间</label>
											<input class="form-control" type="text" name="from_date" id="from_date" placeholder="时间/日期">
										</p>
										<p>
											<label for="to_date">返回时间</label>
											<input class="form-control" type="text" name="to_date" id="to_date" placeholder="时间/日期">
										</p>
									</div>

									<div class="form-input a-button col-lg-2 col-md-2 col-sm-12 col-xs-12 clear-padding">
										<p>
											<button type="submit" class="submit">订票</button>
										</p>
									</div>
								</form>

								<div class="new-ticket col-lg-12 col-md-12 clear-padding">
									<h2 class="big-h2 tic-h2">最新机票</h2>
									<ul>
										<li>热门城市：</li>
										<li>北京</li>
										<li>上海</li>
										<li>广州</li>
										<li>深圳</li>
										<li>重庆</li>
										<li>成都</li>
										<li>杭州</li>
										<li>南京</li>
									</ul>
									<table class="table table-striped table-hover">
										<thead>
											<tr>
												<th>路线</th>
												<th>日期</th>
												<th>价格</th>
												<th class="hidden-xs">税费</th>
												<th class="hidden-xs">餐食</th>
												<th>航班</th>
												<th>预定</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>北京-成都</td>
												<td>10-15</td>
												<td class="price">¥745</td>
												<td class="hidden-xs">¥50</td>
												<td class="hidden-xs">有</td>
												<td>春秋航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-上海</td>
												<td>10-15</td>
												<td class="price">¥479</td>
												<td class="hidden-xs">¥45</td>
												<td class="hidden-xs">无</td>
												<td>南方航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-深圳</td>
												<td>10-15</td>
												<td class="price">¥561</td>
												<td class="hidden-xs">¥52</td>
												<td class="hidden-xs">有</td>
												<td>西部航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-杭州</td>
												<td>10-15</td>
												<td class="price">¥378</td>
												<td class="hidden-xs">¥36</td>
												<td class="hidden-xs">无</td>
												<td>天津航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-广州</td>
												<td>10-15</td>
												<td class="price">¥612</td>
												<td class="hidden-xs">¥44</td>
												<td class="hidden-xs">有</td>
												<td>首都航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-重庆</td>
												<td>10-15</td>
												<td class="price">¥428</td>
												<td class="hidden-xs">¥62</td>
												<td class="hidden-xs">有</td>
												<td>东方航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-昆明</td>
												<td>10-15</td>
												<td class="price">¥509</td>
												<td class="hidden-xs">¥35</td>
												<td class="hidden-xs">无</td>
												<td>厦门航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-厦门</td>
												<td>10-15</td>
												<td class="price">¥893</td>
												<td class="hidden-xs">¥73</td>
												<td class="hidden-xs">有</td>
												<td>深圳航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
											<tr>
												<td>北京-长沙</td>
												<td>10-15</td>
												<td class="price">¥663</td>
												<td class="hidden-xs">¥46</td>
												<td class="hidden-xs">无</td>
												<td>四川航空</td>
												<td>
													<a href="###" class="reserve">预定</a>
												</td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<td colspan="7">
													<a href="###" class="more2">加载更多航班...</a>
												</td>
											</tr>
										</tfoot>
									</table>
								</div>

							</div>

							<!--右边部分-->
							<div class="col-lg-3 right hidden-md hidden-sm hidden-xs">
								<div class="right-main">
									<div class="scenic-spot">
										<h2>景点推荐</h2>
										<div class="country">
											<ul>
												<li>
													<a href="###">曼谷(12)</a>
												</li>
												<li>
													<a href="###">东京(5)</a>
												</li>
												<li>
													<a href="###">西双版纳(8)</a>
												</li>
												<li>
													<a href="###">漓江(16)</a>
												</li>
												<li>
													<a href="###">呼伦贝尔(4)</a>
												</li>
												<li>
													<a href="###">首尔(9)</a>
												</li>
												<li>
													<a href="###">巴厘岛(15)</a>
												</li>
												<li>
													<a href="###">土耳其(22)</a>
												</li>
												<li>
													<a href="###">夏威夷(5)</a>
												</li>
												<li>
													<a href="###">巴厘岛(11)</a>
												</li>
												<li>
													<a href="###">毛里求斯(7)</a>
												</li>
												<li>
													<a href="###">吉普岛(4)</a>
												</li>
												<li>
													<a href="###">希腊(18)</a>
												</li>
												<li>
													<a href="###">法瑞意(8)</a>
												</li>
												<li>
													<a href="###">马尔代夫(9)</a>
												</li>
												<li>
													<a href="###">新西兰(16)</a>
												</li>
												<li>
													<a href="###">埃及(11)</a>
												</li>
												<li>
													<a href="###">迪拜(14)</a>
												</li>
												<li>
													<a href="###">斯里兰卡(7)</a>
												</li>
												<li>
													<a href="###">麦哈顿(3)</a>
												</li>
												<li>
													<a href="###">大阪(15)</a>
												</li>
											</ul>
										</div>
									</div>
									<!--热卖旅游-->
									<div class="hot-sale">
										<h2>热卖旅游</h2>
										<div class="hot-travel-country">
											<figure>
												<img class="img-responsive" src="img/hot1.jpg" alt="曼谷-芭提雅6日游">
												<p>曼谷-芭提雅6日游</p>
											</figure>
											<figure>
												<img class="img-responsive" src="img/hot2.jpg" alt="马尔代夫双鱼6日游">
												<p>马尔代夫双鱼6日游</p>
											</figure>
											<figure>
												<img class="img-responsive" src="img/hot3.jpg" alt="海南双飞5日游">
												<p>海南双飞5日游</p>
											</figure>
											<figure>
												<img class="img-responsive" src="img/hot4.jpg" alt="富山大阪东京8日游">
												<p>富山大阪东京8日游</p>
											</figure>
											<figure>
												<img class="img-responsive" src="img/hot5.jpg" alt="法瑞意德12日游">
												<p>法瑞意德12日游</p>
											</figure>
											<figure>
												<img class="img-responsive" src="img/hot6.jpg" alt="巴厘岛6日半游">
												<p>巴厘岛6日半游</p>
											</figure>
											<figure>
												<img class="img-responsive" src="img/hot7.jpg" alt="塞舌尔迪拜9日游">
												<p>塞舌尔迪拜9日游</p>
											</figure>
											<figure>
												<img class="img-responsive" src="img/hot8.jpg" alt="花样土耳其10日游">
												<p>花样土耳其10日游</p>
											</figure>
										</div>
									</div>

									<div class="travelBox">
										<h2>旅游百宝箱</h2>
										<div class="box">
											<a href="###" class="a1">天气预报</a>
											<a href="###" class="a2">火车票查询</a>
											<a href="###" class="a3">航空查询</a>
											<a href="###" class="a4">地铁线路查询</a>
										</div>
									</div>

								</div>
							</div>

					</section>
					</div>

					<!--底部-->
					<footer id="footer">
						<div class="top hidden-xs">
							<div class="block left">
								<h2>合作伙伴</h2>
								<hr>
								<ul>
									<li>途牛旅游网</li>
									<li>驴妈妈旅游网</li>
									<li>携程旅游</li>
									<li>中国青年旅行社</li>
								</ul>
							</div>
							<div class="block center">
								<h2>旅游FAQ</h2>
								<hr>
								<ul>
									<li>旅游合同签订方式？</li>
									<li>儿童价是基于什么制定的？</li>
									<li>旅游的线路品质怎么界定的？</li>
									<li>单房差是什么？</li>
									<li>旅游保险有那些种类？</li>
								</ul>
							</div>
							<div class="block right">
								<h2>联系方式</h2>
								<hr>
								<ul>
									<li>微博：weibo.com/ycku</li>
									<li>邮件：ycku@ycku.com</li>
									<li>地址：江苏盐城无名路123号</li>
								</ul>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="version visible-xs">
							客户端 | 触屏版 | 电脑版
						</div>
						<div class="bottom">
							Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号 <span class="hidden-xs">| 旅行社经营许可证：L-YC-BK12345</span>
						</div>
					</footer>

				</div>

			</div>
	</body>
	<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
	<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

</html>